<!doctype html>
<html ng-app>
<head>
<script src="js/angular.min.js"></script>
<link rel="stylesheet/less" type="text/css" href="css/style.less" />
<script src="js/less.js" type="text/javascript"></script>
<script type="text/javascript" src="js/controllers.js"></script>
</head>
<body ng-controller="ChandaAppCtrl">
<div class="page">
	<div class="top-container" ng-show="beforeLogin">
		<div ng-hide="details">
			<div class="heading">Credentials</div>
			<div class="form">
				<input class="username" type="text" placeholder="Enter your ID">
				<input class="password" type="password" placeholder="Password">
			</div>
			<div class="button" ng-click="login()">Login</div>
			<div class="separator"></div>
			<div class="button" ng-click="toggleDetail()" >Details</div>
		</div>
		<div ng-show="details">
			<div class="heading">Enter Details</div>
			<div class="form">
				<input type="text" placeholder="Name">
				<input type="text" placeholder="Member Code">
				<input type="text" placeholder="Age">
				<input type="text" placeholder="City">
				<input type="text" placeholder="Monthly Income">
				<input class="password" type="password" placeholder="Password">
			</div>
			<div class="button" ng-click="login()">Login</div>
			<div class="button" ng-click="toggleDetail()" >Cancel</div>
		</div>
	</div>
	<div class="top-container" ng-hide="beforeLogin">
		<div ng-show="mainNav('menu')">
			<div class="heading">Welcome [Member Name]</div>
			<div class="menu">
				<div ng-repeat="item in menu" class="tile" ng-click="changeCurrentScreen($event, item.name)">
					<div class="info {{item.infosize}}">
						<div ng-repeat="infoitem in item.info" class="infoitem">
							{{infoitem}}
						</div>
					</div>
					<div class="title">{{item.title}}</div>
				</div>
			</div>
		</div>
		<div ng-show="mainNav('chanda')">
			<div class="heading">Chanda</div>
			<div ng-click="currentScreen = 'menu'" class="back-button">Main</div>
		</div>
		<div ng-show="mainNav('notifications')">
			<div class="heading">Notifications</div>
			<div ng-click="currentScreen = 'menu'" class="back-button">Main</div>
		</div>
		<div ng-show="mainNav('me')">
			<div class="heading">Me</div>
			<div ng-click="currentScreen = 'menu'" class="back-button">Main</div>
		</div>
		<div ng-show="mainNav('advisor')">
			<div class="heading">Advisor</div>
			<div ng-click="currentScreen = 'menu'" class="back-button">Main</div>
		</div>	
	</div>
	<div class="logo">
		<img alt="Logo" src="img/logo.jpg">
	</div>
</div>
</body>
</html>